// 原生js 加载css
// 存储加载过的CSS URL
window.cssjssrc={
    loadedCSS :[],
    loadedScripts : []
    }
    
    // 动态加载CSS
    function loadCSS(url) {
    url = url.replace(/\\/g, '/');  
    url="http://" +  window.location.hostname + ":" + window.location.port + url;  
    // 检查URL是否已加载
    if (cssjssrc.loadedCSS.includes(url)) {
        // CSS已加载，无需重新加载
        return;
    }
    
    // 创建新的link元素并设置属性
    var link = document.createElement('link');
    link.type = 'text/css';
    link.rel = 'stylesheet';
    link.href = url;
    
    // 插入新的link元素到页面的头部
    document.getElementsByTagName('head')[0].appendChild(link);
    
    // 将URL添加到loadedCSS对象中
    cssjssrc.loadedCSS.push(url);
    }
                // // 使用该函数加载CSS
                // loadCSS('path/to/your.css');
    //原生js 加载js
            // 存储加载过的JavaScript URL
            // 动态加载JavaScript
    function loadScript(url) {
    
    url = url.replace(/\\/g, '/');  
    url="http://" +  window.location.hostname + ":" + window.location.port + url;  
    // console.log('#######',cssjssrc.loadedScripts)
    // console.log('#######',url)
    
    // 检查URL是否已加载
    if (cssjssrc.loadedScripts.includes(url)) {
        // JavaScript已加载，无需重新加载
        return;
    }
    
    // 创建新的script元素并设置属性
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = url;
    
    // 插入新的script元素到页面的尾部
    document.body.appendChild(script);
    
    // 将URL添加到loadedScripts对象中
    cssjssrc.loadedScripts.push(url);
    }
    function loadcssjs(url){
        if (url.endsWith('.js')){loadScript(url)}else{loadCSS(url)}
    }
    
function getLoadedResources() {  
    // 初始化 JavaScript src 数组  
    var jsSrcs = [];  
    // 初始化 CSS src 数组  
    var cssSrcs = [];  
    // 获取所有已加载的 script 元素  
    var scriptElements = document.querySelectorAll('script');  
    // 遍历所有已加载的 script 元素  
    for (var i = 0; i < scriptElements.length; i++) {  
      // 将 script 元素的 src 属性值添加到 JavaScript src 数组中  
      jsSrcs.push(scriptElements[i].src);  
    }  
    // 获取所有已加载的 link 元素，并筛选出 rel 属性为 stylesheet 的元素  
    var stylesheetElements = document.querySelectorAll('link[rel="stylesheet"]');  
    // 遍历所有已加载的 stylesheet 元素  
    for (var i = 0; i < stylesheetElements.length; i++) {  
      // 将 stylesheet 元素的 href 属性值添加到 CSS src 数组中  
      cssSrcs.push(stylesheetElements[i].href); 
    }  
    // 返回包含 JavaScript src 和 CSS src 的对象  
    return {  
      loadedScripts: jsSrcs,  
      loadedCSS: cssSrcs  
    };  
  }
  document.addEventListener('DOMContentLoaded', function() {  
  
    // DOM已完全加载和解析，现在可以执行需要的操作  
    window.cssjssrc=  getLoadedResources()
  
  });